.yuan {
    border-radius: 15px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-left-2pink {
    border-left: 2px solid pink;
}

.suojin {
    text-indent: 2rem;
}

.fz-12 {
    font-size: 12px;
}

.text-orange {
    color: #f60;
}

.white {
    color: #fff;
}


.bg-orange {
    background-color: #ff6600;
}

.bg-gray {
    background-color: #6c757d;
}

.bg-ccc {
    background-color: #ccc;
}

.bg-purple {
    background-color: rgb(149, 133, 236);
}

/* footer */
.bg-black {
    background-color: black;
}

.mt-fu1 {
    margin-top: -1px;
}

/* footer */
.navbar-nav .feature:hover .nav-link {
    background-color: #f60;
    color: #fff;
}

.nonel {
    list-style: none;
}

.li-inline {
    width: 100%;
    height: 50px;
}

.li-inline li {
    float: left;
    height: 50px;
    width: 100px;
    margin: 0 20px 0;
    line-height: 50px;
    text-align: center;
}

.feature {
    background-color: #f60;
    color: #fff;
}


.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}



button.wine {
    width: 100%;
    border: 0;
    background-color: rgb(253, 245, 175);
    cursor: pointer;
    color: #444;
    padding: 18px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.wine:hover,
button.wine.active {
    background-color: rgb(255, 199, 166);
}

div.winexia {

    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    background-color: rgb(252, 250, 232);
    transition: max-height 0.2s ease-out;
}



.weiruan {
    font-family: '微软雅黑';
}

.song {
    font-family: '宋体';
}

.ml-ban {
    margin-left: -5.5px;
}

body {
    position: relative;
}

.dingwei {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.no-underline:hover {
    text-decoration: none;
}

.hid {
    overflow: scroll;
}

@media screen and (max-width:1200px) {
    #two {
        height: 620px;
    }

    #one {
        overflow: scroll;
    }

    #three div {
        padding: 20px !important;
        margin: 0;
    }
}

@media screen and (max-width:992px) {
    #two {
        height: 640px;
    }

    #two .mt-3 {
        margin-top: 1px !important;
    }

    #one,
    #three {
        overflow: scroll;
    }

    #three div {
        padding: 0px !important;
        margin: 0;
    }
}

@media screen and (max-width:768px) {

    #one,
    #three {
        height: auto !important;
        overflow: auto;
    }

    #three p {
        margin-bottom: 0 !important;
    }
}

/* 二维码 */
.erweiFather {
    position: relative;
}

.erweiFather:hover .erwei {
    display: block;
}

.erwei {
    position: absolute;
    top: -70px;
    left: 80px;
    display: none;
    width: 123px;
    height: 123px;
}

.erwei img {
    width: 100%;
    height: 100%;
}

/* 二维码end */
.navigation {

    width: 125px;
    top: -500px;
    left: 0px;
    list-style: none;
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    margin: 0;
    padding: 0;
}

.navigation li {
    padding: 5px 10px;
    text-align: center;
}

.navigation li a {
    color: #fff;
    text-decoration: none;

}

.navigation li:hover {
    background-color: rgba(255, 255, 255, .5);
}

.navigation li a:hover {
    color: #f60;

}